<template>
  <div>
    <ul>
        <li v-for="item in  list" :key="item.id">
            <span>{{ item.name }}</span>
            <div v-if="item.list&&item.list.length">
                <my-list :list="item.list"></my-list>
            </div>
        </li>
    </ul>
  </div>
</template>

<script>
export default {
    name:"my-list",
    props:["list"],


}
</script>

<style>

</style>